<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/shop.css">
    <title>图书推荐</title>
</head>

<body>
    <nav>
        <div class="w">
            <div class="logo"> <img src="images/LOGO.png" alt=""> <span>雅轩阁</span> </div>
            <ul>
                <li><a href="home.html">首页</a></li>
                <li><a href="read.html">关于读书</a></li>
                <li><a href="shop.html">图书商城</a></li>
                <li><a href="news.html">图书动态</a></li>
                <li><a href="myself.html">自我介绍</a></li>
                <li><a href="camera.html">我的相册</a></li>
                <li class="right"><a class="logins" href="index.html">登录</a></li>
            </ul>
        </div>
    </nav>
    <div class="book w">
        <div class="yy">
            <h3>图书分类</h3>
            <dl>
                <dt> 哲学、宗教</dt>
                <dd>语言、文字</dd>
                <dd>历史、地理</dd>
                <dd>天文学、地球科学</dd>
                <dd>
                    <a href="#">航空、航天</a>
                </dd>
                <dd>农业科学</dd>
                <dd>文学</dd>
                <dd>小说</dd>
                <dd>诗歌</dd>
                <dd>艺术</dd>
            </dl>
            <dl>
                <dt>其他分类</dt>
                <dd>工业</dd>
                <dd>经济</dd>
                <dd>心理学</dd>
                <dd>书信集</dd>
                <dd>社会科学史</dd>
            </dl>
        </div>
        <div class="box2">
            <div class="bt">
                <h3>人生必看书籍</h3>
            </div>
            <ul>
                <li>
                    <a href="detail.html"> <img src="images/i1.jpg" alt=""></a>
                    <h4>《小王子》——圣埃克苏佩里</h4>
                    <div class="price">
                        <p>￥35.78</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="detail.html"><img src="images/i2.jpg" alt=""></a>
                    <h4>《挪威的森林》——村上春树</h4>
                    <div class="price">
                        <p>￥35.78</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="detail.html"><img src="images/i3.jpg" alt=""></a>
                    <h4>《故乡》——鲁迅</h4>
                    <div class="price">
                        <p>￥21.20</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="detail.html"><img src="images/i4.jpg" alt=""></a>
                    <h4>《简·爱》——夏洛蒂·勃朗特</h4>
                    <div class="price">
                        <p>￥18.80</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="detail.html"><img src="images/t5.jpg" alt=""></a>
                    <h4>三体-刘慈欣</h4>
                    <div class="price">
                        <p>￥42.19</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="detail.html"><img src="images/t6.jpg" alt=""></a>
                    <h4>万历十五年-黄仁宇</h4>
                    <div class="price">
                        <p>￥68.79</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>

                <li>
                    <a href="detail.html"><img src="images/t7.jpg" alt=""></a>
                    <h4>繁花-金宇澄</h4>
                    <div class="price">
                        <p>￥25.50</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="detail.html"><img src="images/t8.jpg" alt=""></a>
                    <h4>主角-陈彦</h4>
                    <div class="price">
                        <p>￥39.00</p>
                        <a href="cart.html">购物车</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <footer>
        <div class="w">
            <p><img src="images/LOGO.png" alt=""></p>
            <p>雅轩阁 版权所有 </p>
            <p>Copyright © 2023 Phoenix New Media Limited All Rights Reserved</p>
            <p>YAXUANGE</p>
            <p></p>
        </div>

    </footer>

</body>

</html>